<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
	<link rel="stylesheet" type="text/css" href="./js/swiper/swiper-bundle.min.css" />
	<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="./css/common.min.css" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<title>Fubit</title>
</head>

<body>
	<div id="preloader">
		<div class="preloader">
			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px"
				height="30px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
				<g id="fbit-loading" fill="#cca252">
					<path opacity="0.2"
						d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z">
					</path>
					<path d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
                    C22.32,8.481,24.301,9.057,26.013,10.047z" transform="rotate(42.1171 20 20)">
						<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20"
							to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
					</path>
				</g>

			</svg>
		</div>

	</div>
	<header class="nav-header">
		<div class="container-01">
			<div class="flex align-center">
				<a class="js-goBack search-goback" href="javascript:;">
					<i class="iconfont icon-zuojiantou"></i>
				</a>
				
				<div class="flex-1">
					<div class="search-con flex align-center gutter-mt gutter-mb">

						<div class="search-text">
							<input name="search" placeholder="搜索" />
						</div>
						<div class="btnSearch">
							<i class="iconfont icon-sousuo"></i>
						</div>

					</div>
				</div>


			</div>


			<div class="my-nav">
				<div class="flex justify-center swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><a href="index.html">首頁</a></div>
						<div class="swiper-slide"><a href="selling.html">熱賣商品榜</a></div>
						<div class="swiper-slide"><a href="lib.html">選品庫</a></div>
					</div>
				</div>
			</div>

		</div>
	</header>
		<section class="card gutter-pb gutter-pt">
			<div class="container-01">
				<div class="sort-con flex align-center js-sort">
					<a id="recommend" class="active" href="javascript:;">推荐</a>
					<a id="profit" class="flex align-center" data-ord="1"  href="javascript:;"><span>佣金</span><span class="sort-updown"><i class="iconfont icon-xiangshang"></i><i class="iconfont icon-xiangxia"></i></span></i></a>
					<a id="amount" class="flex align-center"  data-ord="1"  href="javascript:;"><span>價格</span><span class="sort-updown"><i class="iconfont icon-xiangshang"></i><i class="iconfont icon-xiangxia"></i></span></a>
					<a id="sold" class="flex align-center" href="javascript:;"><span>銷量<i class="iconfont icon-shuzhixiajiang"></i></span></a>
				</div>
			</div>
			
		</section>
	<section class="card gutter-pt">
		<div class="container-01">
			<div class="live-list js-list">
				<!-- <div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<a target="_blank" href="https://www.baidu.com">
								<div class="live-wrap">

									<div class="live-body"><img src="./images/mock/pic-8.jpg" alt=""></div>

								</div>
								<div class="live-tit">
									商品名称商品名称商品名称商品名称商品名称商品名称
								</div>
								<div class="live-price">
									<span>$99.9</span>
									<span class="live-sold">月售<em>2000+</em></span>
								</div>


							</a>
							<a class="live-shop flex align-center" href="javascript:;">
								<i class="iconfont icon-shandian gutter-pr-6"></i>
								<span class="live-shop-name">商店名称</span>
							</a>
							<div class="live-star js-star" data-val="4.7"><span><img
										src="./images/star.png"></span><span><img
										src="./images/star.png"></span><span><img
										src="./images/star-half.png"></span><span><img
										src="./images/star-o.png"></span><span><img src="./images/star-o.png"></span><em
									class="score">4.7</em></div>
							<div class="live-zhuan flex align-center justify-between">
								<span class="js-zhuan" data-val="4441.99">赚&nbsp;<strong>$</strong></span>
								<i class="iconfont icon-jiahao"></i>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<a target="_blank" href="https://www.baidu.com">
								<div class="live-wrap">

									<div class="live-body"><img src="./images/mock/pic-8.jpg" alt=""></div>

								</div>
								<div class="live-tit">
									商品名称商品名称商品名称商品名称商品名称商品名称
								</div>
								<div class="live-price">
									<span>$99.9</span>
									<span class="live-sold">月售<em>2000+</em></span>
								</div>


							</a>
							<a class="live-shop flex align-center" href="javascript:;">
								<i class="iconfont icon-shandian gutter-pr-6"></i>
								<span class="live-shop-name">商店名称</span>
							</a>
							<div class="live-star js-star" data-val="4.7"><span><img
										src="./images/star.png"></span><span><img
										src="./images/star.png"></span><span><img
										src="./images/star-half.png"></span><span><img
										src="./images/star-o.png"></span><span><img src="./images/star-o.png"></span><em
									class="score">4.7</em></div>
							<div class="live-zhuan flex align-center justify-between">
								<span class="js-zhuan" data-val="4441.99">赚&nbsp;<strong>$</strong></span>
								<i class="iconfont icon-jiahao"></i>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<a target="_blank" href="https://www.baidu.com">
								<div class="live-wrap">

									<div class="live-body"><img src="./images/mock/pic-7.jpg" alt=""></div>

								</div>
								<div class="live-tit">
									商品名称商品名称商品名称商品名称商品名称商品名称
								</div>
								<div class="live-price">
									<span>$99.9</span>
									<span class="live-sold">月售<em>2000+</em></span>
								</div>


							</a>
							<a class="live-shop flex align-center" href="javascript:;">
								<i class="iconfont icon-shandian gutter-pr-6"></i>
								<span class="live-shop-name">商店名称</span>
							</a>
							<div class="live-star js-star" data-val="4.7"><span><img
										src="./images/star.png"></span><span><img
										src="./images/star.png"></span><span><img
										src="./images/star-half.png"></span><span><img
										src="./images/star-o.png"></span><span><img src="./images/star-o.png"></span><em
									class="score">4.7</em></div>
							<div class="live-zhuan flex align-center justify-between">
								<span class="js-zhuan" data-val="4441.99">赚&nbsp;<strong>$</strong></span>
								<i class="iconfont icon-jiahao"></i>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<a target="_blank" href="https://www.baidu.com">
								<div class="live-wrap">

									<div class="live-body"><img src="./images/mock/pic-8.jpg" alt=""></div>

								</div>
								<div class="live-tit">
									商品名称商品名称商品名称商品名称商品名称商品名称
								</div>
								<div class="live-price">
									<span>$99.9</span>
									<span class="live-sold">月售<em>2000+</em></span>
								</div>


							</a>
							<a class="live-shop flex align-center" href="javascript:;">
								<i class="iconfont icon-shandian gutter-pr-6"></i>
								<span class="live-shop-name">商店名称</span>
							</a>
							<div class="live-star js-star" data-val="4.7"><span><img
										src="./images/star.png"></span><span><img
										src="./images/star.png"></span><span><img
										src="./images/star-half.png"></span><span><img
										src="./images/star-o.png"></span><span><img src="./images/star-o.png"></span><em
									class="score">4.7</em></div>
							<div class="live-zhuan flex align-center justify-between">
								<span class="js-zhuan" data-val="4441.99">赚&nbsp;<strong>$</strong></span>
								<i class="iconfont icon-jiahao"></i>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<a target="_blank" href="https://www.baidu.com">
								<div class="live-wrap">

									<div class="live-body"><img src="./images/mock/pic-8.jpg" alt=""></div>

								</div>
								<div class="live-tit">
									商品名称商品名称商品名称商品名称商品名称商品名称
								</div>
								<div class="live-price">
									<span>$99.9</span>
									<span class="live-sold">月售<em>2000+</em></span>
								</div>


							</a>
							<a class="live-shop flex align-center" href="javascript:;">
								<i class="iconfont icon-shandian gutter-pr-6"></i>
								<span class="live-shop-name">商店名称</span>
							</a>
							<div class="live-star js-star" data-val="4.7"><span><img
										src="./images/star.png"></span><span><img
										src="./images/star.png"></span><span><img
										src="./images/star-half.png"></span><span><img
										src="./images/star-o.png"></span><span><img src="./images/star-o.png"></span><em
									class="score">4.7</em></div>
							<div class="live-zhuan flex align-center justify-between">
								<span class="js-zhuan" data-val="4441.99">赚&nbsp;<strong>$</strong></span>
								<i class="iconfont icon-jiahao"></i>
							</div>
						</div>

					</div>
					<div class="swiper-slide">
						<div class="swiper-item-con">
							<a target="_blank" href="https://www.baidu.com">
								<div class="live-wrap">

									<div class="live-body"><img src="./images/mock/pic-8.jpg" alt=""></div>

								</div>
								<div class="live-tit">
									商品名称商品名称商品名称商品名称商品名称商品名称
								</div>
								<div class="live-price">
									<span>$99.9</span>
									<span class="live-sold">月售<em>2000+</em></span>
								</div>


							</a>
							<a class="live-shop flex align-center" href="javascript:;">
								<i class="iconfont icon-shandian gutter-pr-6"></i>
								<span class="live-shop-name">商店名称</span>
							</a>
							<div class="live-star js-star" data-val="4.7"><span><img
										src="./images/star.png"></span><span><img
										src="./images/star.png"></span><span><img
										src="./images/star-half.png"></span><span><img
										src="./images/star-o.png"></span><span><img src="./images/star-o.png"></span><em
									class="score">4.7</em></div>
							<div class="live-zhuan flex align-center justify-between">
								<span class="js-zhuan" data-val="4441.99">赚&nbsp;<strong>$</strong></span>
								<i class="iconfont icon-jiahao"></i>
							</div>
						</div>

					</div>
				</div> -->

			</div>
			<!-- <div class="more"><a class="">点击加载更多</a></div> -->

		</div>
	</section>



	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script src="./js/swiper/swiper-bundle.min.js"></script>
	<script src="./js/app.js"></script>
	<script>
		$(function () {
			$('.js-goBack').click(function () {
				window.history.go(-1);
			})

			$('input[name=search]').focus();
			
		})
	</script>

</body>

</html>